
#top{
     height:250px;
     position: relative;
     overflow: hidden;
 }
 #bg{
     position: absolute;
     top:0;
     left:0;
     height:100%;
     width:100%;
 }
 .pic{
     background-color: #F9F8DF;
     background-position: center center;
     background-size: cover;
     position: absolute;
     top: -5%;
     left: -5%;
     height: 120%;
     width: 120%;
     filter: blur(5px);
 }
 #pic{
     background-position: center center;
     background-size: cover;
     position: absolute;
     bottom:80px;
     right:50px;
     height:100px;
     width:100px;
     border-radius: 20px;
     border:5px solid #fff;
 }
 #shade{
     position: absolute;
     background-color: #333e5c;
     bottom: -800px;
     left: 20px;
     height: 1000px;
     width: 1000px;
     transform: rotate(70deg);
     border-left: 10px solid #d07007;
     box-shadow: 0px 0px 9px 0px #0c0c0c;
 }
 #info{
     position: absolute;
     bottom: 0px;
     height: 80px;
     width: 100%;
 }
 #name{
    text-align: right;
     margin-right: 20px;
     font-size: 20px;
     line-height: 50px;
     overflow: hidden;
     text-overflow:ellipsis;
     white-space: nowrap;
     width: 80%;
     float: right;
 }
 #name span{
     font-size: 14px;
     color: #333e5c;
     line-height: 30px;
     height: 30px;
     position: absolute;
     top: -20px;
     right: -5px;
     border-radius: 3px;
     background-color: #dbe0f1;
     padding: 0px 20px;
     box-shadow: -3px -3px 2px 0px #333e5c;
 }
 #moreInfo{
     text-align: center;
     clear: both;
 }
 #moreInfo span{
     font-size: 14px;
     color: #ca5703;
     line-height: 30px;
     height:30px;
     margin: 0px 10px;
     background-color: #f5f2b1;
     padding: 0px 20px;
     border-radius: 15px;
     width: auto;
 }


 #center{
     margin:10px;
     padding:10px;
     background-color: #1f273c;
     height:calc(100% - 400px);
     overflow: auto;
     border-radius: 10px;
 }
.gruop{
    color:#6a79a0;
    font-size: 10px;
    line-height: 16px;
    margin:10px 0px 5px 0px;
    text-align: center;
    position: relative;
}
 .gruop:before{
     content: "";
     width:200px;
     border-bottom: 1px solid #6a79a0;
    position: absolute;
     top:5px;
     transform:scale(0.5);
     left:-50px;
 }
 .gruop:after{
     content: "";
     width:200px;
     border-bottom: 1px solid #6a79a0;
     position: absolute;
     top:5px;
     transform:scale(0.5);
     right:-50px;
 }
 .row{
     display: flex;
     margin:5px 0px;
     font-size: 14px;
     line-height: 2em;
        color: #fff;
 }
 .secret{
     color: #fbc011;
 }
 .label{
     font-weight: 800;
     text-align: left;
     margin-right: 20px;
     word-break: keep-all;
 }
 .value{
     text-align: right;
     flex: 1;
 }
.imgBox{
    margin:5px 3px;
    height:60px;
    width:100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
 }

 #menus{
     position: absolute;
     bottom:70px;
     width:calc(100% - 20px);
     height:60px;
     display: flex;
     margin:0px 10px;
 }
 .menuButton{
     border-radius: 20px;
     font-size: 14px;
     line-height: 40px;
     text-align: center;
     flex: 1;
     margin: 10px 5px;
     background-color: #d07007;
     color: #f5ead6;
 }
 .tel{
     height:40px;
     line-height: 40px;
     background-color: #f3f3f3;
     border-radius: 20px;
     margin:20px 30px;
 }
 #logo{
     background-color: #fff;
     background-position: center center;
     background-size: contain;
     background-image:url("/assets/user/images/minLogo.jpg") ;
     background-repeat: no-repeat;
     position: absolute;
     z-index: 2;
     top:0px;
     left:40px;
     width:80px;
     height:100px;
     border-bottom-left-radius: 50px;
     border-bottom-right-radius: 50px;
 }